@import '../../../../styles/variable.less';
@import '../../../../styles/mixins.less';
.popularLibraries {
  display: none;
  border-bottom: 1px solid rgb(227, 227, 227);
  background-color: rgb(245, 245, 245);
}

.nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.navItem {
  margin: 2*@gutter 3*@gutter;
}

.navImg {
  height: 32px;
  opacity: .6;
  filter: grayscale(90%);
  &:hover {
    opacity: 1;
    filter: grayscale(0%);
  }
}

@media (min-width: @md) {
  .popularLibraries {
    display: block;
  }
}